layui.use(['treeSelect', 'form', 'table', 'layer','element'], function () {
        var treeSelect= layui.treeSelect,
            form = layui.form,
            table=layui.table,
            $ = layui.jquery,
            layer = layui.layer,
            element = layui.element;

       
        treeSelect.render({
            // 选择器
            elem: '#tree2',
            // 数据
            data: '/json/spfl.json',
            // 异步加载方式：get/post，默认get
            type: 'get',
            // 占位符
            placeholder: '',//默认显示值
            // 是否开启搜索功能：true/false，默认false
            search: true,
            style: {
                folder: {
                    enable: false
                },
                line: {
                    enable: true
                }
            },
            // 点击回调
            click: function(d){
                console.log(d);
            },
            // 加载完成后的回调函数
            success: function (d) {
                console.log(d);
//                选中节点，根据id筛选
//                treeSelect.checkNode('tree', 3);

//                获取zTree对象，可以调用zTree方法
//                var treeObj = treeSelect.zTree('tree');
//                console.log(treeObj);

//                刷新树结构
//                treeSelect.refresh('tree');
            }
        });
        
        
   table.render({
    elem: '#spxz'
    ,height: 390
    ,url:'/json/user1.json'
    ,page: true //开启分页
    ,title: '顾客数据表'
    ,cols: [[
      {field: 'id', title: '品种代码', width:100, sort: true}
      ,{field: 'username', title: '商品名称', width:100}
      ,{field: 'sex', title: '零售单价', width:100, sort: true}
      ,{field: 'city', title: '助记码', width:100} 
      ,{field: 'sign', title: '版型名', width: 100}
      ,{field: 'experience', title: '颜色', width: 100, sort: true}
      ,{field: 'score', title: '规格', width: 100}
      ,{field: 'classify', title: '商品代码', width: 100}
      ,{field: 'wealth', title: '分销单价', width: 100}
      ,{field: 'classify', title: '实际库存', width: 100}
      ,{field: 'wealth', title: '已配库存', width: 100}
    ]]
  });
  
  //监听行单击事件（单击为：row  双击事件为：rowDouble）
  table.on('rowDouble(spxz)', function(obj){
    var data = obj.data;
    layer.alert(JSON.stringify(data), {
      title: '当前行数据'
    });
    obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');//标注选中样式
	  console.log(obj.data); //得到当前行数据
	  console.log(obj.data.username);//得到当前行组织编号数据
  });

        
    });